{extend name="public/base"}

{block name="title"}
我的分销
{/block}

{block name="style"}
{css href="/static/wechat/css/distribution.css" /}
<style>
    .invite {
        position: absolute;
        top : 0;
        left : 0;
        right : 0;
        bottom : 0;
        background: rgba(0, 0, 0, .4) url(/static/images/Share.png) top right no-repeat;
    }
</style>
{/block}
{block name="body"}
<div class="pageControl orderDetails">
    <div class="msui_nav msui_navTop" style="border-bottom: 1px solid #cccccc;align-items: center;">
        <a class="msui_navTop-back" href="javascript:history.back();"><i class="micon-back"></i></a>
        <h1 class="msui_navTop-title">我的分销</h1>
        <a style="color: #fc4208;" href="javascript:;" id="invite">邀请</a>
    </div>
    <div class="weui-top">
        <div class="fendiv">
            <div class="erweima">
                <img src="{$member.wx_qr_code|get_img_url}" style="width: 100%; height: 100%;" />
            </div>
            <p class="fs10">我的邀请码:<span>{$member.phone|default=''}</span></p>
            <div class="earnings">
                <div class="lleiji">
                    <p class="fs07">累计收益</p>
                    <span class="fs06">{$member.distribution_money_all|default=0}</span>
                </div>
                <div>
                    <p class="fs07">可兑现收益</p>
                    <span class="fs06">{$member.distribution_money|default=0}</span>
                </div>
                <!--<div class="kduih">-->
                <!--<p class="fs07">冻结收益</p>-->
                <!--<span class="fs06">{$member.distribution_money_frozen|default=0}</span>-->
                <!--</div>-->
                <div class="quduix" data-money="{$member.distribution_money|default=0}">
                    <a>转入余额</a>
                </div>
            </div>
        </div>
        <!--我的分销-->
        <div class="myfx fs07">
            我的分销
        </div>

        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__hd"></div>
                <div class="weui-cell__bd">
                    <p class="fs07" style="color: #333333;">一级团队</p>
                </div>
                <div class="weui-cell__ft fs07">{$member.one_num}人</div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"></div>
                <div class="weui-cell__bd">
                    <p class="fs07" style="color: #333333;">二级团队</p>
                </div>
                <div class="weui-cell__ft fs07">{$member.two_num}人</div>
            </div>
        </div>
    </div>
</div>
<div class="invite" style="display: none;"></div>
{/block}
{block name="javascript"}
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
    {notempty name="signPackage"}
    if (isWeiXin()) {
        wx.config({
            //debug: true,
            appId: '{$signPackage.appId}',
            timestamp: {$signPackage.timestamp},
            nonceStr: '{$signPackage.nonceStr}',
            signature: '{$signPackage.signature}',
            jsApiList: [
                // 所有要调用的 API 都要加到这个列表中
                'checkJsApi',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'hideMenuItems'
            ]
        });
        wx.ready(function () {
            // 在这里调用 API
            wx.checkJsApi({
                jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'hideMenuItems'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
                success: function(res) {
                    //console.log(res);
                    // 以键值对的形式返回，可用的api值true，不可用为false
                    // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
                }
            });

            wx.onMenuShareTimeline({
                title: '分享到朋友圈', // 分享标题
                link: '{$erweima_text}', // 分享链接
                imgUrl: '{$image}', // 分享图标
                success: function () {
                    alert('成功');
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    alert('取消');
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareAppMessage({
                title: '分享给朋友', // 分享标题
                desc: '邀请好友注册开摩帮网', // 分享描述
                link: '{$erweima_text}', // 分享链接
                imgUrl: '{$image}', // 分享图标
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    alert('成功');
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    alert('取消');
                    // 用户取消分享后执行的回调函数
                }
            });
            wx.hideMenuItems({
                menuList: ['menuItem:share:qq', 'menuItem:share:weiboApp', 'menuItem:favorite', 'menuItem:share:QZone', "menuItem:copyUrl", 'menuItem:openWithQQBrowser', 'menuItem:share:email', 'menuItem:openWithSafari'] // 要显示的菜单项，所有menu项见附录3
            });
        });
    }
    {/notempty}

    $(function () {
        if (!isWeiXin()) {
            $("#invite").hide();
        }

        $("#invite").click(function () {
            $('.invite').show();
        });
        $('.invite').click(function(){
            $(this).hide();
        });

        $(".quduix").click(function () {
            if (!confirm('确定要将您的分销收入兑现到账户余额中吗?')) {
                return false;
            }
            var _this = $(this);
            var money = _this.data('money');
            if (money == 0) {
                alert('没有可兑现金额！！');
                return false;
            }
            $.ajax({
                type : 'POST',
                url : '{:url("distribution_of_cash_money")}',
                data : {
                    type : '{$type}'
                },
                dataType : 'json',
                success : function (msg) {
                    if (msg.code == 200) {
                        alert('兑现成功！！');
                        window.location.reload();
                    } else {
                        var code = msg.code;
                        alert(error_code[code]);
                    }
                }
            });
        });
    });
</script>
{/block}
